.popup-center {
    width: 690rpx;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10rpx;
    // overflow: hidden;
    .popup-head {
        position: relative;
        height: 90rpx;
        text-align: center;
        line-height: 90rpx;
        &::after {
            @include _border(0, 0);
        }
        .popup-title {
            font-size: 32rpx;
            color: #333;
            font-weight: bold;
        }
        .close-icon {
            position: absolute;
            top: 0;
            right: 40rpx;
            color: #999;
            font-size: 36rpx;
        }
    }
    .popup-body {
        position: relative;
        min-height: 300rpx;
        box-sizing: border-box;
    }
    .popup-form {
        padding: 50rpx 40rpx 50rpx 40rpx;
        box-sizing: border-box;
        &__item {
            display: flex;
            align-items: center;
            margin-bottom: 16rpx;
            &:last-child {
                margin: 0;
            }
        }
        &__label {
            font-size: 28rpx;
            min-width: 140rpx;
            box-sizing: border-box;
            &::after {
                content: "\ff1a";
            }
        }
        &__content {
            position: relative;
            flex: 1;
        }
        &__input,
        &__picker {
            display: flex;
            align-items: center;
            height: 70rpx;
            border-radius: 10rpx;
            border: $border-3;
            padding: 0 24rpx;
            box-sizing: border-box;
            padding-right: 64rpx;
        }
        &__textarea {
            height: 200rpx;
        }
        .clear-icon {
            position: absolute;
            right: 16rpx;
            top: 20rpx;
        }
        &__tips {
            color: $orange;
        }
    }
}
.popup-bottom {
    .popup-head {
        position: relative;
        height: 80rpx;
        text-align: center;
        line-height: 80rpx;
        .popup-title {
            font-size: 40rpx;
            color: #333;
        }
        .close-icon {
            position: absolute;
            top: 0;
            right: 40rpx;
            color: #999;
            font-size: 36rpx;
        }
    }
}
.popup-footer.fill-button {
    position: relative;
    padding: 0;
    button {
        border-radius: 0;
        box-shadow: none;
        height: 90rpx;
        line-height: 90rpx;
    }
    button + button {
        margin: 0;
    }
    &::after {
        @include _border(0, 0, 0, #dadada, top);
    }
}
.uni-popup [name="mask"] {
    background-color: rgba(0, 0, 0, 0.1) !important;
}
.uni-popup.bottom .uni-popup__wrapper-box {
    padding: 0;
}

.uni-popup-cancel-hide .uni-dialog-button:first-child {
    display: none;
}
.uni-popup-cancel-hide .uni-border-left {
    border: none;
}
